<script setup lang="ts">
import AddAnimeDialog from '@/components/homepage/AddAnimeDialog.vue'
</script>

<template>
  <v-hover>
    <template v-slot:default="{ isHovering, props }">
      <v-card
        hover
        v-bind="props"
        :elevation="isHovering ? 5 : 2"
        width="200"
        height="320"
        style="
          margin: 20px;
          display: grid;
          justify-content: center;
          align-content: center;
        "
      >
        <v-icon elevation="0" icon="mdi-plus"></v-icon>
        <AddAnimeDialog></AddAnimeDialog>
      </v-card>
    </template>
  </v-hover>
</template>

<style scoped></style>
